@charset "UTF-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0; }
/* 设置默认字体 */
body, button, input, select, textarea {
  outline: none;
  /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: 12px/1 Microsoft Yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  /* 用 ascii 字符表示，使得在任何编码下都无问题 */ }
h1 {
  font-size: 18px;
  /* 18px / 12px = 1.5 */ }
h2 {
  font-size: 16px; }
h3 {
  font-size: 14px; }
h4, h5, h6 {
  font-size: 100%; }
address, cite, dfn, em, var {
  font-style: normal; }
/* 将斜体扶正 */
code, kbd, pre, samp, tt {
  font-family: "Courier New", Courier, monospace; }
/* 统一等宽字体 */
small {
  font-size: 12px; }
/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
  list-style: none; }
/* 重置文本格式元素 */
a {
  text-decoration: none; }
a:hover {
  text-decoration: underline; }
abbr[title], acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help; }
q:before, q:after {
  content: ''; }
/* 重置表单元素 */
legend {
  color: #000; }
/* for ie6 */
fieldset, img {
  border: none; }
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0; }
/* 重置 hr */
hr {
  border: none;
  height: 1px; }
a:hover {
  text-decoration: none; }
.animate-wrap {
  min-width: 1180px; }
.w1180 {
  width: 1180px;
  margin: 0 auto; }
.banner-icon {
  display: inline-block;
  background: url(../images/banner-icon.png) no-repeat; }
.banner-icon-list {
  width: 24px;
  height: 24px;
  background-position: 0 0; }
.banner-icon-list1 {
  width: 24px;
  height: 24px;
  background-position: 0 -26px; }
.animate-banner1-wrap {
  height: 601px;
  background: url(../images/banner1.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner1 {
  position: relative; }
.animate-banner1 .banner1-phone {
    margin: 80px 0 0 70px; }
.animate-banner1 .banner1-title {
    position: absolute;
    left: 480px;
    top: 148px;
    color: #fff;
    font-weight: 800; }
.animate-banner1 .banner1-title .title1 {
      font-size: 36px;
      margin-bottom: 25px; }
.animate-banner1 .banner1-title .title2 {
      font-size: 60px;
      margin-bottom: 25px; }
.animate-banner1 .banner1-title .title3 {
      font-size: 24px;
      margin-bottom: 78px;
      font-weight: 600; }
.animate-banner1 .banner1-ewm {
    position: absolute;
    left: 480px;
    top: 386px; }
.animate-banner1 .banner1-ewm img {
      float: left; }
.animate-banner1 .banner1-ewm a {
      float: left;
      width: 220px;
      height: 48px;
      color: #fff;
      font-size: 18px;
      padding-left: 68px;
      line-height: 48px;
      margin-left: 18px; }
.animate-banner1 .banner1-ewm a.ios {
        background: url(../images/banner1-ios.png) no-repeat; }
.animate-banner1 .banner1-ewm a.andorid {
        margin-top: 21px;
        background: url(../images/banner1-andorid.png) no-repeat; }
.animate-banner2-wrap {
  height: 720px;
  background: url(../images/banner2.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner2 {
  height: 720px;
  position: relative; }
.animate-banner2 .banner2-phone {
    position: absolute;
    right: 90px;
    bottom: -480px; }
.animate-banner2 .banner2-phone.top {
      bottom: 0; }
.animate-banner2 .banner2-title {
    position: absolute;
    left: 46px;
    top: 480px; }
.animate-banner2 .banner2-title.top {
      top: 64px; }
.animate-banner2 .banner2-list {
    position: absolute;
    top: 422px;
    left: 65px; }
.animate-banner2 .banner2-list p {
      height: 60px;
      font-size: 30px;
      font-weight: 800; }
.animate-banner2 .banner2-list li {
      margin-bottom: 18px;
      color: #8d8d8d;
      font-size: 22px; }
.animate-banner2 .banner2-list li i {
        margin-right: 24px;
        float: left; }
.animate-banner3-wrap {
  height: 600px;
  background: url(../images/banner3.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner3 {
  position: relative;
  height: 600px; }
.animate-banner3 .banner3-phone {
    position: absolute;
    left: 36px;
    bottom: -400px; }
.animate-banner3 .banner3-phone.top {
      bottom: 0; }
.animate-banner3 .banner3-title {
    position: absolute;
    left: 486px;
    top: 400px; }
.animate-banner3 .banner3-title.top {
      top: 108px; }
.animate-banner3 .banner3-list {
    position: absolute;
    left: 480px;
    top: 400px; }
.animate-banner3 .banner3-list.top {
      top: 316px; }
.animate-banner3 .banner3-list p {
      height: 60px;
      font-size: 30px;
      font-weight: 800;
      color: #fff; }
.animate-banner3 .banner3-list li {
      margin-bottom: 18px;
      color: #fff;
      font-size: 22px;
      opacity: 0.75;
      filter: alpha(opacity=75); }
.animate-banner3 .banner3-list li i {
        margin-right: 24px;
        float: left; }
.animate-banner4-wrap {
  height: 600px;
  background: url(../images/banner4.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner4 {
  height: 600px;
  position: relative; }
.animate-banner4 .banner4-phone {
    position: absolute;
    right: 60px;
    bottom: -400px; }
.animate-banner4 .banner4-phone.top {
      bottom: 0; }
.animate-banner4 .banner4-title {
    position: absolute;
    left: 46px;
    top: 400px; }
.animate-banner4 .banner4-title.top {
      top: 78px; }
.animate-banner4 .banner4-list {
    position: absolute;
    top: 400px;
    left: 65px; }
.animate-banner4 .banner4-list.top {
      top: 326px; }
.animate-banner4 .banner4-list p {
      height: 60px;
      font-size: 30px;
      font-weight: 800; }
.animate-banner4 .banner4-list li {
      margin-bottom: 18px;
      color: #8d8d8d;
      font-size: 22px; }
.animate-banner4 .banner4-list li i {
        margin-right: 24px;
        float: left; }
.animate-banner5-wrap {
  height: 600px;
  background: url(../images/banner5.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner5 {
  position: relative;
  height: 600px; }
.animate-banner5 .banner5-phone {
    position: absolute;
    left: 36px;
    bottom: -400px; }
.animate-banner5 .banner5-phone.top {
      bottom: 0; }
.animate-banner5 .banner5-title {
    position: absolute;
    left: 473px;
    top: 400px; }
.animate-banner5 .banner5-title.top {
      top: 86px; }
.animate-banner5 .banner5-list {
    position: absolute;
    left: 480px;
    top: 400px; }
.animate-banner5 .banner5-list.top {
      top: 340px; }
.animate-banner5 .banner5-list li {
      margin-bottom: 18px;
      color: #fff;
      font-size: 22px;
      opacity: 0.75;
      filter: alpha(opacity=75); }
.animate-banner5 .banner5-list li i {
        margin-right: 24px;
        float: left; }
.animate-banner6-wrap {
  height: 600px;
  background: url(../images/banner6.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner6 {
  height: 600px;
  position: relative; }
.animate-banner6 .banner6-phone {
    position: absolute;
    right: 60px;
    bottom: -400px; }
.animate-banner6 .banner6-phone.top {
      bottom: 0; }
.animate-banner6 .banner6-title {
    position: absolute;
    left: 55px;
    top: 400px; }
.animate-banner6 .banner6-title.top {
      top: 40px; }
.animate-banner6 .banner6-list {
    position: absolute;
    left: 65px;
    top: 400px; }
.animate-banner6 .banner6-list.top {
      top: 289px; }
.animate-banner6 .banner6-list li {
      margin-bottom: 60px;
      color: #242526;
      font-weight: 600;
      font-size: 22px; }
.animate-banner6 .banner6-list li i {
        float: left;
        margin-right: 10px; }
.animate-banner6 .banner6-list li p {
        color: #8d8d8d;
        font-weight: normal;
        margin-top: 16px; }
.animate-banner7-wrap {
  height: 601px;
  background: url(../images/banner7.jpg) 50% 0 no-repeat;
  overflow: hidden; }
.animate-banner7 {
  position: relative;
  height: 601px; }
.animate-banner7 .banner7-phone {
    position: absolute;
    left: 36px;
    bottom: -400px; }
.animate-banner7 .banner7-phone.top {
      bottom: 0; }
.animate-banner7 .banner7-title {
    position: absolute;
    left: 473px;
    top: 400px; }
.animate-banner7 .banner7-title.top {
      top: 190px; }
.animate-banner7 .banner7-list {
    position: absolute;
    left: 480px;
    top: 400px; }
.animate-banner7 .banner7-list.top {
      top: 350px; }
.animate-banner7 .banner7-list li {
      margin-bottom: 18px;
      color: #fff;
      font-size: 22px;
      opacity: 0.75;
      filter: alpha(opacity=75); }
.animate-banner7 .banner7-list li i {
        margin-right: 24px;
        float: left; }
